<template>
  <div>
    <div>section</div>
    <section>
      <h1>包含在html中的独立部分</h1>
      <p>散文解析啊哈哈哈哈哈哈啊哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</p>
    </section>

    <div>article</div>
    <article>
      <h1>荷塘月色</h1>
      <article>
        <h2>第一段落</h2>
        <p>
          曲曲折折的荷塘上面，弥望的是田田的叶子。叶子出水很高，像亭亭的舞女的裙。
        </p>
      </article>
      <article>
        <h2>第二段落</h2>
        <p>
          层层的叶子中间，零星地点缀着些白花，有袅娜地开着的，有羞涩地打着朵儿的；正如一粒粒的明珠，又如碧天里的星星，又如刚出浴的美人。
        </p>
      </article>
    </article>

    <div>address</div>
    <address>广东省珠海市香洲区招商花园城二期</address>

    <section>
      <h1>诗词赏析</h1>
      <p>唐诗三百首</p>
    </section>

    <article>
      <h2>静夜思</h2>
      <p>窗前明月光 <br />疑是地上霜 <br />举头望明月 <br />低头思故乡</p>
    </article>

    <div>sup</div>
    <div>上标：2<sup>2</sup>=4</div>
    <div>sub</div>
    <div>下标：水分子H<sub>2</sub>O</div>

    <hgroup>
      <h1>The morning</h1>
      <h2>06:00 to 12:00</h2>
    </hgroup>
    <p>We sleep.</p>

    <h1>基本数据类型</h1>
    <div>
      <ul>
        <li>数字：number | BigInt</li>
        <li>字符串：string</li>
        <li>布尔：boolean</li>
        <li>Null null</li>
        <li>Undefined: undefined</li>
        <li>symbol: symbol，唯一且不可修改的原始值</li>
      </ul>
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  setup() {},
});
</script>
